<script setup lang="ts">
import Header from "@/components/header/Header.vue";

const activities = [
  {
    content: "填写表格",
    timestamp: "第一步"
  },
  {
    content: "推流直播",
    timestamp: "第二步"
  },
  {
    content: "直播",
    timestamp: "第三步"
  }
];
</script>

<template>
  <div class="live_streaming_help">
    <Header />

    <div class="container">
      <el-timeline>
        <el-timeline-item
          v-for="(activity, index) in activities"
          :key="index"
          :timestamp="activity.timestamp"
        >
          {{ activity.content }}
        </el-timeline-item>
      </el-timeline>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.live_streaming_help {
  width: 100%;
  height: 100vh;
  background-color: var(--bg-color);

  .container {
    margin: 20px auto;
    width: 1200px;
    background-color: #fff;
    min-height: 500px;
    border-radius: 10px;
    padding: 20px;
  }
}
</style>
